<div class="card-body" style="height: 730px; overflow-y:auto" >
<ul class="layui-timeline">
<!--    <li class="layui-timeline-item">-->

<!--    </li>-->
</ul>
</div>
<script type="text/javascript">
    $(()=>{
        initPage();
    })
    function initPage(){
        //请求7日内的公告信息
        //rlt参数是后端返回的数据
        $.get("notice/sevendays",(rlt)=>{
            if(rlt==null){
                confirm("内容z在修复");
            }else{
                for(let item of rlt){
                    let liborder = $("<li class='layui-timeline-item'></li>");
                    liborder.append("<i class=\"layui-icon layui-timeline-axis\"></i>\n" +
                        "    <div class=\"layui-timeline-content layui-text\">\n" +
                        "        <h3 class=\"layui-timeline-title\">"+item.createdTime+"</h3>\n" +
                        "        <h4 class=\"layui-timeline-title\">"+item.remark+"</h4>\n"+
                        "        <h4 class=\"layui-timeline-title\">"+(item.status==1?"<p style='color:grey'>已查看</p >":"<p style='color:red'>未查看</p >")+"</h4>\n"+
                        "        <h4 class=\"layui-timeline-title\">"+processingNoticeType(item.type)+"</h4>\n"+
                        "        <h4 class=\"layui-timeline-title\">"+item.title+"</h4>\n"+
                        "    </div>")
                    $(".layui-timeline").append(liborder);
                }
            }
        })
    }
    function processingNoticeType(type)
    {
        switch (type)
        {
            case "0":
                return "普通";
            case "1":
                return "急";
            case "2":
                return "加急";
            case "3":
                return "特急";
        }
    }
</script>
<li class="layui-timeline-item">
    <i class="layui-icon layui-timeline-axis"></i>
    <div class="layui-timeline-content layui-text">
        <h3 class="layui-timeline-title">8月16日</h3>
        <p>杜甫的思想核心是儒家的仁政思想，他有<em>“致君尧舜上，再使风俗淳”</em>的宏伟抱负。个人最爱的名篇有：</p >
        <ul>
            <li>《登高》</li>
            <li>《茅屋为秋风所破歌》</li>
        </ul>
    </div>
</li>
